<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
<th:block data-th-replace="/adminlte/base::base-head"></th:block>
</head>
<body class="hold-transition sidebar-mini layout-fixed">
	<div class="wrapper">
		<th:block data-th-replace="/adminlte/base::base-navbar"></th:block>
		<th:block data-th-replace="/adminlte/base::base-main-sidebar"></th:block>
		<div class="content-wrapper">
			<div class="content-header">
				<div class="container-fluid">
					<div class="row mb-2">
						<div class="col-sm-6">
							<h1 class="m-0 text-dark">安全信息</h1>
						</div>
						<div class="col-sm-6">
							<ol class="breadcrumb float-sm-right">
								<li class="breadcrumb-item"><a href="#"> 用户相关</a></li>
                                <li class="breadcrumb-item"><a href="/admin/user"> 用户安全</a></li>
								<li class="breadcrumb-item active">安全信息</li>
							</ol>
						</div>
					</div>
				</div>
			</div>
			<section class="content">
				<div class="container-fluid">
					<div class="card">
						<div class="card-header">
							<div >
							     <label class="card-title" th:utext="${'用户账号： '+accountUtils.getUsernameByUserId(userSafe.userId)}">用户账号：</label>
							</div>
						</div>
						<form class="form-horizontal" action="/users/safes/self" method="put">
							<div class="card-body">
								<div class="form-group">
									<label class="col-auto control-label"><span class="text-red">*</span> 手机号码</label>
									<div class="col-auto">
										<input type="text" class="form-control" name="mobile" placeholder="手机号码" autofocus="autofocus" th:value="${userSafe.mobile}" required>
									</div>
								</div>
								<div class="form-group">
									<label class="col-auto control-label"><span class="text-red">*</span> 电子邮箱</label>
									<div class="col-auto">
										<input type="email" class="form-control" name="email" placeholder="电子邮箱" th:value="${userSafe.email}" required>
									</div>
								</div>
								<div class="form-group">
									<label class="col-auto control-label">安全问题（隐藏）</label>
									<div class="col-auto">
										<input type="text" name="question" class="form-control" placeholder="不显示，只能修改">
									</div>
								</div>
								<div class="form-group">
									<label class="col-auto control-label">安全答案（隐藏）</label>
									<div class="col-auto">
										<input type="text" name="answer" class="form-control" placeholder="不显示，只能修改">
									</div>
								</div>
								<div class="row justify-content-center">
									<a href="/admin/user/self" class="btn btn-default mr-3"
										style="width: 200px;">返回</a>
									<button type="submit" class="btn btn-info col-sm-offset-1 ml-3"
										style="width: 200px">保存</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</section>
		</div>
		<th:block data-th-replace="/adminlte/base::base-footer"></th:block>
		<th:block data-th-replace="/adminlte/base::base-control-sidebar"></th:block>
	</div>
</body>
</html>